<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-订单管理</title>

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    * {
      list-style: none;
    }

    #search {
      background: #fff;
      margin-top: 50px;
    }

    #search > div {
      /*overflow: scroll;*/
    }

    #search ul {
      display: flex;
      justify-content: flex-start;
    }

    #search ul li {
      margin: 8px;
    }

    #ipt-list ul {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      height: 80px;
    }

    #ipt-list ul li {
      width: 20%;
      /*height: 40px;*/
      margin-right: 20px;
    }

    #ipt-list ul li input {
      /*width: 60%;*/
      /*height: 60%;*/
      display: block;
      width: 100%;
      height: 38px;
      padding: 8px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    }

    input {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      padding-left: 8px;
    }

    #edit-status-title {
      display: flex;
      align-items: center;
    }

    #edit-btn {
      position: absolute;
      top: 11px;
      right: 20px;
    }
  </style>
</head>
<body>
@@include('header.html')
@@include('menu.html')

<div class="content-wrap">
  <div id="search">
    <div id="edit-btn">
      <ul>
        <li>
          <button id="btn-search" class="btn btn-primary btn-bordered btn-h-lg">查询</button>
        </li>
        <li>
          <button id="edit-out" class="btn btn-primary btn-bordered btn-h-lg">导出</button>
        </li>
      </ul>
    </div>
    <div id="ipt-list">
      <ul>
        <li id="edit-start-time"><p>开始时间</p></li>
        <li id="edit-end-time"><p>结束时间</p></li>
        <li id="edit-build-name">
          <p>搜索栏</p>
          <input type="text" placeholder="开发商、楼盘名称、客户姓名">
        </li>
      </ul>
    </div>
    <div>
      <ul id="edit-type">
        <li id="edit-status-title">状态</li>
        <li>
          <button class="btn btn-default btn-primary">全部</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="0">待付款</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="1">已付款</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="2">已失败</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="4">已成交</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="5">已取消</button>
        </li>
      </ul>
    </div>
    <div>
      <ul id="edit-order-origin">
        <li id="edit-order-origin-title">来源</li>
        <li>
          <button class="btn btn-default btn-primary">全部</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="1">一体机</button>
        </li>
        <li>
          <button class="btn btn-default" type-id="2">POS</button>
        </li>
      </ul>
    </div>
  </div>
  <table id="table"></table>
</div>

@@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/houseOrder_index.js"></script>
</html>